html{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
body{
	height: 100%;
	margin: 0;
	overflow: auto;
}
#header{
	position: fixed;
	top: 0;
	left: 0;
	height: 1.8rem;
	width: 100%;
	background: #000000;
	z-index: 15;
}
.header-yi{
	width: 0.4rem;
	height: 0.74rem;
	margin-left: 0.8rem;
	padding-top: 0.5rem;
	float: left;
}
.header-yi img{
	width: 0.4rem;
	height: 0.74rem;
}
.header-er{
	width: 77%;
	height: 1.8rem;
	text-align: center;
	color: #FFE103;
	font-size:0.72rem;
	margin: 0 auto;
	line-height: 1.8rem;
	float: left;
	letter-spacing: 0.08rem;
}
.header-san{
	width: 2rem;
	height: 1.8rem;
	float: right;
}
.header-san img{
	width:1rem;
	height:1rem;
	margin: 0.5rem 0 0 0;
}
/*//主体*/
#section{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding-top:1.8rem;
	overflow: scroll;
	position: absolute;
	z-index: 5;
    background:white;
}
#sections{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding-top:1.8rem;
	padding-bottom:3.8rem;
	overflow: scroll;
	position: absolute;
	z-index: 5;
    background:white;
}
#main{
	margin: 0 0.8rem;
}
.que-time{
	width:100%;
	height:2.9rem;
	text-align: center;
}
.que-time h1{
	padding-top: 0.8rem;
	font-size: 0.4rem;
	color: #333333;
	height:0.6rem;
	letter-spacing: 0.04rem;
}
.que-time p{
	margin-top: 0.8rem;
	font-size: 0.92rem;
	color: #228DF0;
}
.que-head{
	height:1rem;
}
.que-head div{
	width: 0.32rem;
	height: 0.8rem;
	background-color: #FFE103;
	float: left;
}
.que-head span{
	display: inline-block;
	margin-top: 0.2rem;
	margin-left: 0.2rem;
	font-size: 0.6rem;
	color:#333333;
	letter-spacing: 0.04rem;
}
.beikuang{
	width: 13.4rem;
	height: 0.2rem;
	background: #F0F0F0;
}
.ren-xinxi{
	width: 100%;
	height: 2.6rem;
	position: relative;
	border-bottom: 0.04rem solid #C0C0C0;
}
.ren-ming{
	padding-top: 0.54rem;
	color: #666666;
}
.ren-ming span:nth-child(1),.ren-ming span:nth-child(3){
	display: inline-block;
	font-size:0.56rem;
	letter-spacing: 0.04rem;
}
.ren-ming span:nth-child(2){
	display: inline-block;
	font-size:0.48rem;
	margin-left: 0.2rem;
	margin-right: 0.6rem;
	letter-spacing: 0.04rem;
}
.ren-xinxi>p{
	font-size:0.56rem;
	margin-top: 0.46rem;
	color: #000000;
	letter-spacing: 0.04rem;
}
.ren-xinxi>img{
	position: absolute;
	top: 0.8rem;
	right: 0;
	width:0.4rem;
	height:0.6rem;
	
}
/*//送餐时间/*/
.song-time{
	width: 100%;
	height: 1.7rem;
	position: relative;
}
.song-time h1{
	display: inline-block;
	font-size: 0.56rem;
	color: #666666;
	margin-top: 0.6rem;
	letter-spacing: 0.04rem;
}
.song-time p{
	display: inline-block;
	font-size: 0.56rem;
	color: #228DF0;
  margin-left: 7.8rem;
}
.song-time img{
	width:0.4rem;
	height: 0.6rem;
   position: absolute;
   top:0.6rem;
   right: 0;
}
/*//餐品信息*/
.can-xin{
	height: 1.7rem;
}
.can-xin div{
	margin-top:0.76rem;
}
.can-xin span{
	margin-top:0.96rem;
}
.chan-xin{
	height: 9rem;
}
.chan-xin ul li{
	width: 100%;
	height: 1.36rem;
	border-bottom: 0.04rem solid #C0C0C0;
	
}
.chan-xin ul li h1{
	font-size:0.48rem;
	display: inline-block;
	margin-top: 0.48rem;
	float: left;
	color:#666666;
	width: 3.5rem;
	letter-spacing: 0.04rem;
}
.chan-xin ul li p{
	margin-top: 0.48rem;
	display: inline-block;
	margin-left: 2.66rem;
	float: left;
	color:#666666;
	font-size:0.48rem;
	letter-spacing: 0.04rem;
}
.chan-xin ul li span{
	font-size:0.48rem;
	margin-top: 0.48rem;
	display: inline-block;
	float: right;
	color:#000000;	
}
.chan-zhong{
	float: right;
	height: 1.5rem;
	
	text-align: center;
	line-height: 1.5rem;
}
.chan-zhong p{
	display: inline-block;
	color: #333333;
	font-size: 0.6rem;
}
.chan-zhong span{
	display: inline-block;
	color: #FF3333;
	font-size: 0.6rem;
}
/*//优惠信息/*/
.que-you ul li{
	height: 1.36rem;
}
.que-you ul li div{
	margin-top: 0.36rem;
	width: 0.8rem;
	height: 0.8rem;
	text-align: center;
	line-height: 0.8rem;
	color: #FFFFFF;
	float: left;
}
.que-you ul li .xin{
	margin-top: 0.46rem;
	background: #FF3333;
	font-size: 0.48rem;
}
.que-you ul li .fan{
	background: #228DF0;
	font-size: 0.48rem;
}
.que-you ul li .quan{
	background: #24BC0B;
	font-size: 0.48rem;
}
.que-you ul li p{
	display: inline-block;
	font-size:0.56rem;
	color: #000000;
	letter-spacing: 0.04rem;

	margin-top: 0.6rem;
	margin-left: 0.24rem;
}
.que-you ul li span{
	display: inline-block;
	font-size:0.56rem;
	color: #FF3333;
	float: right;
	margin-top:0.6rem;
}
.youhui-xia{
	height: 1.5rem;
	margin-top: 0.2rem;
	border-top: 0.02rem solid #C0C0C0;
	position: relative;
}
.youhui-xia .xia-yi{
	font-size:0.48rem;
	color: #999999;
	position: absolute;
	top: 0.6rem;
	left: 7.6rem;	
}
.youhui-xia .xia-yi p{
	font-size:0.48rem;
	display: inline-block;	
}
.youhui-xia .xia-er{
	font-size:0.6rem;
	position: absolute;
	top: 0.51rem;
	right: 0;
}
.youhui-xia .xia-er p{
	font-size:0.6rem;
	display: inline-block;
	color: #999999;
	
}
.youhui-xia .xia-er span{
	display: inline-block;
	color: #FF3333;
	
}
/*//提示/*/
.tis{
	width: 100%;
	height:0.72rem;
	background:#666666;	
}
.tis img{
	width: 0.5rem;
	height:0.5rem;
	margin-left:0.8rem;
	margin-top: 0.13rem;
	float: left;
}
.tis span{
	display: inline-block;
	font-size:0.44rem;
	color:#FFFFFF;
	float: left;
	text-align: center;
	line-height:0.8rem;
	margin-left: 0.2rem;
	letter-spacing: 0.04rem;
}
/*//底部*/
.que-footer{
	width:100%;
	/*height: 2rem;*/
	height: 2.2rem;
	background: #EEEEEE;
}
.que-footer .footer-yi{
	float: left;
	color:#FF3333;
	height: 2rem;
	width: 6rem;
	text-align: center;
	line-height: 2rem;
}
.que-footer .footer-yi p{
	font-size:0.48rem;
	display: inline-block;
}
.que-footer .footer-yi span{
	font-size:0.84rem;
	display: inline-block;
}
.que-footer .footer-er{
	float: right;
	width: 5rem;
	height:2.2rem;
	background: #FFE103;
	font-size:0.72rem;
	color: #000000;
	text-align: center;
    line-height: 2.2rem;
}
.que-footer .footer-er a{
	width: 5rem;
	height:2.2rem;
	background: #FFE103;
	font-size:0.72rem;
	color: #000000;
	text-align: center;
    line-height: 2.2rem;
}


/*//时间列表*/
#time{
		position: fixed;
		width: 100%;
				height:100%;
				background: rgba(0,0,0,0.5);
				opacity: 0;
				z-index: 0;
			}
			.time-main{
				width: 13.4rem;
				height:8rem;
				background: #FFFFFF;
				margin:9rem auto;
				position: relative;
			}
			.time-head{
				height: 1.6rem;
				border-bottom: 0.04rem solid #999999;
			}
			.time-head img{
				height:0.8rem;
				width: 0.8rem;
				margin-top: 0.4rem;
				margin-left: 0.2rem;
				float: left;
			}
			.time-head span{
				display: block;
				height:1.6rem;
				float: left;
				margin-left: 0.2rem;
				text-align: center;
				line-height: 1.6rem;
				font-size: 0.6rem;
				color: #202020;
			}
			.time-left{
	            width: 6.7rem;
	            height: 4.5rem;
	            overflow: hidden;
	            float: left;
			}
			.time-right{
	            width: 6.7rem;
	            height: 4.5rem;
	            overflow: hidden;
	            float: right;
			}
			.time-ul{
				width: 5rem;
	            height: 1.5rem;
	            margin: 1.5rem auto;
			}
			.time-ul .sl{
	            width: 5rem;
	            height:1.5rem;
	            font-size: 0.6rem;
	            color: #cccccc;
	            text-align: center;
	            line-height: 1.5rem;
	            float: left;
	        }
	        .left-kuang{
	        	position: absolute;
                top: 3rem;
                left: 1rem;
                width: 5rem;
                height: 1.5rem;
                border-bottom: 0.02rem solid #999999;
                border-top: 0.02rem solid #999999;
            }
            .right-kuang{
            	position: absolute;
                top: 3rem;
                left: 7.5rem;
                width: 5rem;
                height: 1.5rem;
                border-bottom: 0.02rem solid #999999;
                border-top: 0.02rem solid #999999;
            }
            .xiaan{
            	position: absolute;
            	bottom: 0;
            	left: 0;
            	width:100%;
            	height: 1.8rem;
            	border-top: 1px solid #999999;
            }
            .xiaan p{
            	display: inline-block;
            	width: 50%;
            	height: 1.8rem;
            	border-right:0.02rem solid  #999999;
            	font-size: 0.6rem;
            	color: #000000;
            	text-align: center;
            	line-height: 1.8rem;
            }
            .xiaan span{
            	display: inline-block;
            	width: 49%;
            	height: 1.8rem;
            	font-size: 0.6rem;
            	color: #000000;
            	text-align: center;
            	line-height: 1.8rem;
            }
            .xiaan span a{
            	display: inline-block;
            	width: 49%;
            	height: 1.8rem;
            	font-size: 0.6rem;
            	color: #000000;
            	text-align: center;
            	line-height: 1.8rem;
            }
/*时分*/
.time_roll>div:nth-child(3){
	display: none;
}
.date_roll_mask{
	padding-top: 1rem;
}
.date_ctrl{
	bottom: 7.4rem;
	width: 13.4rem;
	height:8rem;
	left: 0.8rem;
}
.date_btn_box{
	height: 2rem;
	border-top:1px solid #030000;
}
.date_btn_box>div{
	width: 49.8%;
}
.date_btn_box>div:nth-child(1){
	border-right: 1px solid #030000;
}
#demo3{
	position: relative;
	width: 1.8rem;
	height: 1rem;
	color:#228DF0;
	font-size:0.56rem;
    border: 0;
}
#weewe{
	position: absolute;
	top: 0;
	right: 1.04rem;
	font-size: 0.56rem;
	color:#228DF0;
	width: 2rem;
	height: 1.7rem;
	text-align: center;
	line-height: 1.7rem;
	background: rgba(0,0,0,0.1);
}
/*.date_ctrl{
	bottom: 7.4rem;
	width: 13.4rem;
	height:7rem;
	left: 0.8rem;
}
.date_roll_mask{
	padding-top: 1rem;
}
.time_roll>div{
	height: 12em;
}
.tooth{
	height: 3em;
}*/
/*.date_btn_box{
	position: absolute;
	top: 5rem;
	z-index: 110;
}*/

/*//选择地址弹窗/*/
#canzi{
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background:rgba(0,0,0,0.5);
 	display: none;
}
.zi-main{
 	position: absolute;
 	top: 8.6rem;
 	left: 0;
 	width: 100%;
 	height: 11.8rem;
 	background: #EEEEEE;
}
.zi-head{
	height: 1.6rem;
	width: 100%;
	border-bottom: 0.04rem solid #999999;
	text-align: center;
	line-height: 1.6rem;
}
.zi-head span{
	display: inline-block;
	font-size: 0.48rem;
	color: #999999;
	float: left;
	margin-left:0.8rem;
}
.zi-head p{
	display: inline-block;
	font-size:0.6rem;
	color: #666666;	
 margin-left: 2rem;
}
.zi-head div{
	display: inline-block;
	font-size: 0.48rem;
    color: #999999;
    width: 2rem;
    margin-left:3rem;
}
.zi-xin{
	height: 3.2rem;
	width:13.4rem;
	margin: 0  0.8rem;
	border-bottom: 0.02rem solid #999999;
	position: relative;
}
/*.zi-xin>img{
	position: absolute;
	top: 1rem;
	right: 0;
	height: 1.34rem;
	width:1.08rem;	
}*/
.zi-img{
	position: absolute;
	top: 1rem;
	right: 0;
	height: 1.34rem;
	width:1.08rem;	
}
.zi-img img{
	height: 1.34rem;
	width:1.08rem;	
	display: none;
}
 .zi-ming{
 	width:100%;
 	float:left;
 }
 .zi-ming img{
 	margin-top:-0.1rem ;
 	width: 0.8rem;
 	height: 0.8rem;
 	float: left;
 	/*margin-top: 0.66rem;*/
 }
 .zi-ming{
 	margin-top: 0.8rem;
 	padding-top: 0;
 }
  .zi-ming p{
 	font-size: 0.6rem;
 	color: #000000;
 	margin-top:0.8rem;
 	margin-left: 1rem;
 }
.zi-ming span:nth-child(2){
 	font-size: 0.6rem;
 	color: #000000;
 	margin-left: 0.2rem;
}
.zi-ming span:nth-child(4){
    font-size: 0.6rem;
 	color: #666666;
 	margin-left: 0.2rem;
}
.zi-ming span:nth-child(3){
 	font-size: 0.48rem;
 	color:#999999;
 	margin-left: 0.2rem;
}
.zi-footer{
	margin: 1rem auto;
	width: 4rem;
	height:0.66rem;
	text-align: center;
	line-height: 0.66rem;
}
.zi-footer img{
	width: 0.66rem;
	height: 0.66rem;
	float: left;
}
.zi-footer span{
	font-size:0.48rem;
	color: #333333;
}
#footer{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}
/*//拨打电话*/
#diahua{
	position: fixed;
	top: 1.8rem;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 110;
	display: none;
}
#diahua-main{
	position: absolute;
	top: 6rem;
	left: 0.8rem;
	width: 13.4rem;
	height:7.5rem;
	background: #FFFFFF;
}
.dianhua-head{
	width: 100%;
	height:1.6rem;
	border-bottom: 0.02rem  solid #999999;
}
.dianhua-head img{
	width:0.8rem;
	height:0.8rem;
	float: left;
	margin-left: 0.2rem;
	margin-top: 0.4rem;
}
.dianhua-head span{
	display: inline-block;
	font-size:0.6rem;
    color: #202020;
    margin-top: 0.65rem;
    margin-left: 0.2rem;
    letter-spacing: 0.04rem;
}
.dianhua-main{
	height: 4rem;
	width: 8.8rem;
	margin:0 1.9rem;
}
.dianhua-main ul li{
	height:2rem;
	width: 100%;
	border-bottom: 0.02rem  solid #999999;
	font-size: 0.6rem;
	color: #333333;
	text-align: center;
	line-height: 2rem;
}
.dianhua-xiao{
	width: 5rem;
	height: 1.6rem;
	margin: 0 auto;
	font-size:0.6rem;
	color: #333333;
	text-align: center;
	line-height:1.6rem;
}
.date_btn {
	font-size:0.66rem;
}
